<%--
  Created by IntelliJ IDEA.
  User: teacher
  Date: 2023/7/5
  Time: 16:46
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>用户注册</title>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-3.4.1.min.js"></script>
    <script>
        $(function () {
            $("#username").blur(function () {
                // 以get请求/post请求处理ajax
                // url:请求地址
                // data:请求参数,相当于xhr.send(data)
                    // 此处的请求如果没有参数,直接不写即可,相当于可变长参数
                // callback:回调函数,回调函数可以存在参数
                    // 其参数相当于接收了xhr.responseText
                // dataType:响应数据的类型
                    // text:默认值,响应数据为字符串
                    // json:响应数据为JSON对象,如果响应的数据是一个JSON格式的字符串,会自动帮我们转换成JSON对象
                // $.get(url, [data], callback, [dataType]);
                <%--$.get("${pageContext.request.contextPath}/checkUsername?username="+$(this).val(),--%>
                    <%--// 此处的result相当于let result = xhr.responseText--%>
                    <%--function(result){--%>
                        <%--$("#s1").html(result);--%>
                    <%--})--%>


                // $.post(url, [data], callback, [dataType]);
                $.post("${pageContext.request.contextPath}/checkUsername",
                    "username="+$(this).val(),
                    function(result){
                        $("#s1").html(result);
                    })
            });
        });
    </script>
</head>
<body>
<h1>用户注册</h1>
<hr>
<form action="${pageContext.request.contextPath}/sayHello" method="post">
    用户名:<input type="text" id="username" name="username"><span id="s1"></span><br>
    密&nbsp;&nbsp;&nbsp;码:<input type="password" name="password"><br>
    电&nbsp;&nbsp;&nbsp;话:<input type="text" name="phone"><br>
    地&nbsp;&nbsp;&nbsp;址:<input type="text" name="address"><br>
    <input type="submit" value="注册">
    <span style="color:red;">${registerMsg}</span>
</form>
</body>
</html>
